<template>
  <div class="minx-1">
    <div>222</div>
    <SqTimetable
      :afternoonLength="4"
      :length="9"
      :events="lessonData"
    ></SqTimetable>
  </div>
</template>

<script lang="ts" setup>
import SqTimetable from './components/SqTimetable.vue'
// 完整的课程数据
const lessonData: any = [
  {
    xq: 1, // 星期一
    start: 1, // 第1节
    end: 2, // 第2节
    title: '数学',
    skjc: '第1-2节',
    addr: '教室A101',
    jxbzc: '教学班1',
    num: '40',
    type: 1
  },
  {
    xq: 3, // 星期三
    start: 3, // 第3节
    end: 4, // 第4节
    title: '英语',
    skjc: '第3-4节',
    addr: '教室B202',
    jxbzc: '教学班2',
    num: '35',
    type: 2
  },
  {
    xq: 5, // 星期五
    start: 5, // 第5节
    end: 6, // 第6节
    title: '物理',
    skjc: '第5-6节',
    addr: '教室C303',
    jxbzc: '教学班3',
    num: '38',
    type: 1
  },
  {
    xq: 1, // 星期一
    start: 1,
    end: 2,
    title: '化学',
    skjc: '第1-2节',
    addr: '教室A102',
    jxbzc: '教学班4',
    num: '42',
    type: 1,
    conflict: 1 // 冲突1
  }
]
</script>

<style lang="scss" scoped>
.minx-1 {
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
}
</style>
